<link rel="stylesheet" th:href="@{/ace/assets/css/ui.jqgrid.min.css}"/>
<style>
    .col-xs-12 {
        padding-right: 3px;
        padding-left: 3px;
    }
</style>
<div class="row">
    <div class="col-xs-12">
        <dl>
            <dt>说明</dt>
            <dd>
                <br>
                <div class="alert alert-block alert-success">
                    <ul>
                        <li><,>,=,>=,<=,!= 直接填入匹配内容</li>
                        <li>in,notIn 可填入多个匹配内容以逗号隔开，例：a,b,c</li>
                        <li>betweenAnd 匹配内格式a,b，例'2018-05-11','2019-05-12'</li>
                        <li>like 与sql格式一致，例如%a%</li>
                        <li>自定义字段使用格式（键;值），例如in的情况下Epic Name;可视化,第二个epic，在=的情况下Epic Name;可视化</li>
                        <li>Fix Version和Sprint名必须要先选择项目才能生效，最能匹配一个项目，如果多选项目，只有一个项目的相关数据匹配</li>
                        <li>年、月、日单选框作用于选择了时间选项时，按照年、月或者日进行统计</li>
                    </ul>
                </div>
            </dd>
            <dt>条件
            </dt>
            <dd>
                <br>
                <div class="clearfix">
                    <div class="btn-group pull-left">
                        <button id="jira_chart_add_btn" class="btn btn-success"><i class="glyphicon glyphicon-plus"></i>
                            新增条件
                        </button>
                        <button id="jira_chart_clear_btn" class="btn btn-danger"><i
                                class="glyphicon glyphicon-trash"></i>
                            清空条件
                        </button>
                    </div>
                    <div class="btn-group pull-right">
                        <button id="jira_search_btn" class=" btn btn btn-info"><i
                                class="glyphicon glyphicon-search"></i> 搜索
                        </button>
                        <button id="jira_search_record_btn" class="btn btn-info">选取条件</button>
                        <button id="jira_chart_save_btn" class="btn btn-info">保存条件</button>
                    </div>
                </div>

                <br>
                <table id="jira_condition_table" class="table table-bordered">
                    <tbody>
                    </tbody>
                </table>
            </dd>
            <dt class="jira-chart-control">统计图</dt>
            <dd class="jira-chart-control" id="jira_table_column">
                <br>
                <!--                <button class="btn btn-success" id="add_chart_row_btn"><i class="glyphicon glyphicon-plus"></i> 添加统计条件
                                </button>-->
                <button id="jira_chart_render_btn" class="btn btn-info"><i class="fa fa-bar-chart-o"></i> 生成统计图</button>
                <button id="jira_excel_export_btn" class="btn btn-default"><i class="glyphicon glyphicon-download"></i>
                    导出excel
                </button>
                <form id="jira_excel_export_form" action="/excel/report/jira" method="post">
                    <input type="hidden" name="jiraSearchDTOListStr">
                </form>
                <hr>
                <div>
                    <label>
                        &nbsp;X轴&nbsp;
                    </label>
                    <select name="layout" title="" autocomplete="off"></select>
                    <div class="radio-inline">
                        <label>
                            <input name="dateType" type="radio" class="ace" value="1" />
                            <span class="lbl"> 年</span>
                        </label>
                        <label>
                            <input checked name="dateType" type="radio" class="ace" value="2" />
                            <span class="lbl"> 月</span>
                        </label>
                        <label>
                            <input name="dateType" type="radio" class="ace" value="3" />
                            <span class="lbl"> 日</span>
                        </label>
                    </div>
                    <span class="help-button" data-rel="popover" data-trigger="hover" data-placement="right" data-content="年、月、日单选框作用于选择了时间选项时，按照年、月或者日进行统计." title="" data-original-title="提示">?</span>
                </div>
                <br>
                <table class="table table-bordered">
                    <tbody>
                    </tbody>
                </table>
                <br>
            </dd>
            <dt>结果</dt>
            <dd>
                <br>
                <table id="jira_grid_table"></table>
                <div id="jira_grid_pager"></div>
            </dd>
        </dl>
    </div>
</div>

<script type="text/javascript">
    var scripts = [
        '/third/js/echarts.min.js',
        '/third/js/vintage.js',
        '/ace/assets/js/jquery.jqGrid.min.js',
        '/system/js/plugin/grid.locale-cn.js',
        '/system/js/plugin/grid.base.setting.js',
        '/system/js/report/jira/index.js'
    ];
    $('#tabs').ace_ajax('loadScripts', scripts, function () {
        var reportJira = new ReportJira();
        $(function () {
            reportJira.init();
        })
    });

</script>
